<template>
  <div class="home">
    <Homeheader/>
    <div>
      <div class="barNew">
        <!--特价商品-->
        <Bargain/>
        <!--新品上架-->
        <New/>

      </div>
      <!--分类浏览-->
      <Classification/>
    </div>
  </div>
</template>

<script >
import Homeheader from "@/components/Homeheader";
import Bargain from "@/components/Bargain";
import New from "@/components/New";
import Classification from "@/components/Classification";

export default {
  name: "index",
  components: {
    Homeheader,
    Bargain,
    New,
    Classification
  }
}
</script>

<style scoped>
.home{
  width: 955px;
  margin-top: 10px;
}
.barNew{
  float: left;
  width: 70%;
  /*height: 720px;*/
  margin-left: -100px;
  margin-top: 20px;
}
.classification{
  float: left;
  width: 244px;
}
</style>